<template>
	<view class="content">
		<view class="banner">
			<swiper class="swiper" circular="true" :indicator-dots="indicatorDots" :autoplay="autoplay"
				:interval="interval" :duration="duration">
				<swiper-item>
					<view class="swiper-item uni-bg-red">A</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item uni-bg-green">B</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item uni-bg-blue">C</view>
				</swiper-item>
			</swiper>
		</view>
		<view class="occupancy_list">
			<view class="occupancy_list_item">
				<image src="../../static/img/gq.png" mode="" style="width: 182rpx;height: 172rpx;"></image>
				<view class="occupancy_rt">
					<view class="occupancy_rt_title">
						<text>小画家素质美育中心</text>
						<image src="../../static/img/Collection_out.png" mode="" style="width: 27rpx;height: 27rpx;"></image>
					</view>
					<view class="occupancy_rt_address">
						地址：郑州市市民中心对面盛华小区一号楼
					</view>
					<view class="occupancy_browse">
						<image src="../../static/img/browse.png" mode="" style="width: 26rpx;height: 20rpx;"></image>
						<text>1.77万人浏览</text>
					</view>
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 1000,
				current:0,
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '@/static/css/occupancy.scss'
</style>
